
.navbar.navbar-branded {

    min-height: @navbar-height;
    height: @navbar-height;
    background-color: @brand-primary;

    .navbar-header > a,
    .nav > li > a {
        color: #fff;
    }

    .nav > li > a:hover,
    .nav > li > a:focus,
    .navbar-nav > .open > a,
    .navbar-nav > .active > a {
        background-color: @brandPrimaryDark;
        color: #fff;
    }

    .navbar-brand {
        font-size: 15px;
        line-height: 15px;
        padding: 17px 15px;
        .zotonic-logo {
            height: 15px;
            width: 87px;
            text-shadow: @lightOnDarkTextShadow;
        }
    }
    .navbar-right {
        margin-right: 15px;
    }
    .navbar-nav > li > a,
    .navbar-nav > li > .dropdown-menu > li > a {
        text-shadow: @lightOnDarkTextShadow;
    }
    
    .navbar-toggle {
        @_color: rgba(255, 255, 255, 0.7);
        border-color: @_color;
    
        .icon-bar {
            background-color: @_color;
        }
    }
    
    .navbar-form {
        margin-right: 0;

        .form-control {
            width: 9em;
        }
    }
	.navbar-collapse {
		background-color: @brand-primary;
	}
    .collapse.in {
        max-height: none;

        .nav > .dropdown.pull-right {
            float: none !important;
        }
        .nav > .dropdown.open .dropdown-menu {
            background-color: @backgroundColorLight;
            border-radius: 0;

            > li > a {
                background-color: @backgroundColorLight;
                text-shadow: @darkOnLightTextShadow;
                &:hover {
                    background: @brand-primary;
                    color: #fff;
                    text-shadow: @lightOnDarkTextShadow;
                }
            }
        }
    }
}

.navbar {
    .dropdown-toggle .z-username {
        display: none;
    }
    .dropdown-header.z-username {
        display: none;
    }
}

body.navbar-menu-open {
    overflow: hidden;
}


@media (min-width: @screen-phone) {
    .navbar {
        .dropdown-header.z-username {
            display: block;
        }
        .collapse.in {
            .dropdown-toggle .z-username {
                display: inline;
            }
            .dropdown-header.z-username {
                display: none;
            }
        }
    }
}

@media (min-width: @screen-tablet) and (max-width: @screen-small-desktop) {
    .navbar.navbar-branded {
        .navbar-brand {
            display: none;
        }
    }
    .navbar.navbar-branded {
        padding: 0 5px;

        .dropdown > a {
            padding-right: 10px;
            padding-left: 10px;
        }
    }
}

@media (min-width: @screen-small-desktop) {
    .navbar {
        .dropdown-toggle .z-username {
            display: inline;
        }
        .dropdown-header.z-username {
            display: none;
        }
    }
}
